<template>
	<view style="background-color: white;" class="p-20-0">
		<view class="index-search m-0-30 d-f" style="padding-right: 0;border-radius: 40rpx;border: 1px solid #14854D;" @click="gotoPages">
			<text class="icon iconfont icon-sousuo" style="color: #000;font-weight: bold;" />
			<text class="ml30 text_l">搜索课程</text>
			<view class="search_but">
				<view class="btn">搜索</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {};
		},
		props: ['itemData'],
		methods: {
			/*跳转页面*/
			gotoPages(e) {
				let url = '/pages/product/search/search'
				this.gotoPage(url);
			}
		}
	};
</script>

<style>
	.search_but {
		flex: 1;
		text-align: right;
	}

	.btn {
		float: right;
		width: 136rpx;
		height: 80rpx;
		background: #14854D;
		border-radius: 40rpx;
		font-family: PingFang SC;
		font-weight: bold;
		font-size: 30rpx;
		color: #FFFFFF;
		text-align: center;
	}

	.text_l {
		font-family: PingFang SC;
		font-weight: 400;
		font-size: 28rpx;
		color: #CCCCCC;
		line-height: 50rpx;
	}
</style>